<html>
	<head>
		!-- application stylesheet should come in after the one loaded by the framework -->
	<link href="stylesheets/readingmusic.css" media="screen" rel="stylesheet" type="text/css">
	<link href="stylesheets/piano.css" media="screen" rel="stylesheet" type="text/css">
	</head>
	
	<body>
		
		                    <div id="keybd">
                        <div class="content">
                        	
							
							<!-- C4 -->
                            <div class="wt w14 l" id="kt0" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt1" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt2" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt3" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w14" id="kt4" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="wt w14 l" id="kt5" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt6" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt7" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt8" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt9" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt10" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w14" id="kt11" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="wt w14 l" id="kt12" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt13" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt14" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt15" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w14" id="kt16" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="wt w14 l" id="kt17" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt18" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt19" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt20" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w12" id="kt21" style="background-color: rgb(255, 255, 255); ">
                            </div>
                            <div class="bl" id="kt22" style="background-color: rgb(0, 0, 0); ">
                            </div>
                            <div class="wt w14">
                            </div>
                            <div class="lr1" id="kt36">
                            </div>
                        </div>
                        <div class="content">
                        	
							
							<!--C4 -->
							<div class="wb w20 vbox center" id="kb0" style="background-color: rgb(255, 255, 255); ">
                            C4
							</div>
                            <div class="wb w23 vbox center" id="kb2" style="background-color: rgb(255, 255, 255); ">
							D4
                            </div>
                            <div class="wb w19 vbox center" id="kb4" style="background-color: rgb(255, 255, 255); ">
							E4
                            </div>
                            <div class="wb w20 vbox center" id="kb5" style="background-color: rgb(255, 255, 255); ">
							F4
                            </div>
                            <div class="wb w23 vbox center" id="kb7" style="background-color: rgb(255, 255, 255); ">
							G4
                            </div>
                            <div class="wb w23 vbox center" id="kb9" style="background-color: rgb(255, 255, 255); ">
							A4
                            </div>
                            <div class="wb w19 vbox center" id="kb11" style="background-color: rgb(255, 255, 255); ">
							B4
                            </div>
                            <!--C5-->
							<div class="wb w20 vbox center" id="kb12" style="background-color: rgb(255, 255, 255); ">
							C5
                            </div>
                            <div class="wb w23 vbox center" id="kb14" style="background-color: rgb(255, 255, 255); ">
							D5
                            </div>
                            <div class="wb w19 vbox center" id="kb16" style="background-color: rgb(255, 255, 255); ">
							E5
                            </div>
                            <div class="wb w20 vbox center" id="kb17" style="background-color: rgb(255, 255, 255); ">
							F5
                            </div>
                            <div class="wb w23 vbox center" id="kb19" style="background-color: rgb(255, 255, 255); ">
							G5
                            </div>
                            <div class="wb w23 vbox center" id="kb21" style="background-color: rgb(255, 255, 255); ">
							A5
                            </div>
                            <div class="wb w19 vbox center" id="kb23" style="background-color: rgb(255, 255, 255); ">
							B5
                            </div>
                            <div class="lr2" id="kb36">
                            </div>
                        </div>
                    </div>
	</body>
</html>